<template>
	<view class="jilu">
		<view class="jilu_lis" v-for="(itam,index) in juji" @click="tz(itam.id)" :key="index">
			<view class="jilu_lis_t">
				<image :src="itam.faceUrl" mode="widthFix"></image>
			</view>
			<text class="jilu_wz">{{itam.name}}</text>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				id:[],
				juji:[]
			}
		},
		onLoad(option) {
			this.id = option.id
			console.log(this.id)
		},
		created() {
			let that = this
			let params = {
				"id":that.id,
			  "pageNo":1,
			  "pageSize":99999
			}
			that.pyReq(that.$http.getMovieSeriesList,params,function(res){
					  that.juji = res.result
			});
			// let headers={
			// 	  'content-type': 'application/x-www-form-urlencoded',
			// 	  'token': uni.getStorageSync('token')
			// }
			//  uni.request({
			// 	  url: that.$http.getMovieSeriesList,
			// 	  method: 'POST',
			// 	  data:params,
			// 	  header:headers,
			// 	  success: (res)=>{
			// 		  console.log(res)
			// 		  that.juji = res.data.result
			// 	  },
			// 	  fail: (err)=>{
			// 		  console.log(err)
			// 	  }
			// })  
		},
		methods: {
			//导航
			tz(id){
				uni.navigateTo({
					url:"./shipin?id="+id
				})
			}
		}
	}
</script>

<style>
	.jilu{
		margin: 20upx 40upx;
		/* display: flex;
		flex-wrap: wrap;
		justify-content: space-between; */
	}
	.jilu_lis{
		width: 190upx;
		margin: 15upx 0;
		display: inline-block;
		margin-right: 25px;
	}
	.jilu_lis:nth-child(3n){
		margin-right: 0px;
	}
	.jilu_lis_t{
		width: 190upx;
		height: 250upx;
		border-radius: 10upx;
		overflow: hidden;
	}
	.jilu_wz{
		display: block;
		font-size: 26upx;
		text-align: center;
		margin-top: 20upx;
		height: 30px;
		overflow: hidden;
	}
</style>
